<template>
	<view>
		<my-loading :vshow="loadingshow"></my-loading>
		<!-- 头部 -->
		        <div  class="order_top">
		           <div class="order_top_left">
		              <div v-if="ordervalue.order_state==11" class="order_top_left_top">订单已关闭</div>
		              <div v-else-if="ordervalue.order_state==1" class="order_top_left_top">待买家付款</div>
		              <div v-else-if="ordervalue.order_state==2" class="order_top_left_top">待商家发货</div>
		              <div v-else-if="ordervalue.order_state==3" class="order_top_left_top">商家已发货</div>
		              <div v-else-if="ordervalue.order_state==4" class="order_top_left_top">待评价</div>
		
		              <!-- <div v-else-if="ordervalue.order_state==8" class="order_top_left_top">申请退款中</div> -->
		              <div v-else-if="ordervalue.order_state==9" class="order_top_left_top">退款成功</div>
		              <div v-else-if="ordervalue.order_state>4" class="order_top_left_top">交易成功</div>
		              <div v-if="ordervalue.order_state==1 || ordervalue.order_state==3 || ordervalue.order_state==4" class="order_top_left_bottom">
						  <uni-count-down splitorColor="#FFFFFF" :showColon="showColor" color="#FFFFFF" :background-color="icons.color" :show-day="false" :border-color="icons.color" :day="ordervalue.day" :hour="ordervalue.hour" :minute="ordervalue.minute" :second="ordervalue.second"></uni-count-down>
			{{ordervalue.order_state==1?' 后自动'+'取消':ordervalue.order_state==3?' 后自动'+'确认':' 后自动'+'评价'}}
			</div>
		           </div>
		           <div class="order_top_right">
		              <div v-if="ordervalue.order_state==11" class="order_top_right_ra3">关闭</div>
		              <div v-else-if="ordervalue.order_state==1" class="order_top_right_ra">{{icons.daifukuan}}</div>
		              <div v-else-if="ordervalue.order_state==2" class="order_top_right_ra">{{icons.daifahuo}}</div>
		              <div v-else-if="ordervalue.order_state==3" class="order_top_right_ra">{{icons.daishouhuo}}</div><!-- 
		              <div v-else-if="ordervalue.order_state==8 || ordervalue.order_state==9" class="order_top_right_ra" v-html="icon['退款']"></div> -->
		              <div v-else-if="ordervalue.order_state==4" class="order_top_right_ra">{{iocns.daipingjia}}</div>
		               <div v-else-if="ordervalue.order_state>4" class="order_top_right_ra3">成功</div>
		              <div v-if="(ordervalue.order_state>4 && ordervalue.order_state!=8) || ordervalue.order_state==11" class="order_top_right_ra4"></div>
		              <div v-else class="order_top_right_ra2"></div>
		           </div>
		        </div>
		<!-- 查看物流 -->
		        <div  class="ems_nav">
		          <div class="ems_nav_left" >{{icons.daishouhuo}}</div>
		          <div class="ems_nav_moddie">查看物流</div>
		          <div class="ems_nav_right" >{{icons.dayuhao}}</div>
		        </div>
		<!-- 地址 -->
		        <div  class="address_nav">
		          <div class="address_nav_left" >{{icons.shouhuodizhi}}</div>
		          <div class="address_nav_right">
		             <div class="address_nav_right_top">{{ordervalue.add_name}}&nbsp;&nbsp;<span class="address_nav_right_span">{{ordervalue.add_phone}}</span></div>
		             <div class="address_nav_right_bottom">{{ordervalue.address}}</div>
		          </div>
		        </div>
		<!-- 订单内容 -->
		        <div  class="order_value">
		
		           <div v-for="(value,index) in order" :key="index" class="order_value_shop">
		               <div @tap="pro(value.pid)" class="order_value_shop_left">
		                 <image :src="cnds+'/upload/pro/'+value.img" style="width: 100%;height: 100%;" mode="aspectFit"></image>
		               </div>
		               <div @tap="pro(value.pid)" class="order_value_shop_moddie">
		                  <div class="order_value_shop_moddie_top uni-sl2">{{value.p_name}}</div> 
		                  <div class="order_value_shop_moddie_bottom uni-sl2">{{value.color+'/'+value.size}}</div> 
		               </div>
		               <div class="order_value_shop_right">
		                   <div class="order_value_shop_right_money">￥{{value.p_price}}</div>
		                   <div class="order_value_shop_right_count">x {{value.count}}</div>
		               </div>
					   <!-- 退款 -->
		            <div @click="a_fun('../refund_value/refund_value?no='+ordervalue.no)" v-if="ordervalue.order_state==9" class="sheng_money">
		             <span class="sheng_money_span">退款成功</span>
		           </div>
		           <div @click="a_fun('../refund/refund?no='+ordervalue.no)" v-if="(ordervalue.order_state==2 || ordervalue.order_state==3) && ordervalue.p_names!='抽中奖品' && ordervalue.refund_state!=1" class="sheng_money">
		             <span class="sheng_money_span">申请退款</span>
		           </div>
		           <div @click="a_fun('../refund_value/refund_value?no='+ordervalue.no)" v-if="ordervalue.p_names!='抽中奖品' && ordervalue.refund_state==1 && (ordervalue.remark=='' || ordervalue.remark==null)" class="sheng_money">
		             <span class="sheng_money_span">退款中</span>
		           </div>
		            <div @click="a_fun('../refund_value/refund_value?no='+ordervalue.no)" v-if="ordervalue.p_names!='抽中奖品' && ordervalue.refund_state==1 && ordervalue.remark!='' && ordervalue.remark!=null && ordervalue.order_state!=9" class="sheng_money">
		             <span class="sheng_money_span">退款失败</span>
		           </div>
		           </div>
		           
		
		           
		
		           <div class="order_money">
		              <div class="order_money_money">
		                  <div class="order_money_money_left">商品总价</div>
		                  <div class="order_money_money_right">￥{{money.shop_money}}{{money.ems_fee!=0?'+运费:￥'+money.ems_fee:''}}</div>
		              </div>
		              <div class="order_money_money">
		                  <div class="order_money_money_left">积分</div>
		                  <div class="order_money_money_right">-￥{{money.score_money}}</div>
		              </div>
		              <div class="order_money_money">
		                  <div class="order_money_money_left">现金</div>
		                  <div class="order_money_money_right">-￥{{money.money}}</div>
		              </div>
		              <div class="order_money_money">
		                  <div class="order_money_money_left">优惠</div>
		                  <div class="order_money_money_right">-￥{{money.coupon_money}}</div>
		              </div> 
		               <div class="order_money_money2">
		               	  <div class="order_money_money_san"></div>
		                  <div class="order_money_money_left2">实付款</div>
		                  <div class="order_money_money_right2">￥{{money.real_money}}</div>
		              </div> 
		           </div>
		
		        </div>
		        <div  class="order_infor">
		            <div class="order_infor_value">
		               <div class="order_infor_value_left"><div class="order_infor_value_left_tiao"></div>订单快照信息</div>
		               <div class="order_infor_value_right"></div>
		            </div>
		            <div v-if="ordervalue.remark!=null" class="order_infor_value_ma">
		              <div class="order_infor_value_left_ma">订单备注</div>
		              <div class="order_infor_value_right_ma">{{ordervalue.remark}}</div>
		            </div> 
		            <div class="order_infor_value2"> 
		              <div class="order_infor_value_left2">订单编号</div>
		              <div class="order_infor_value_right2">{{ordervalue.no}}</div>
		            </div> 
		            <div class="order_infor_value2">
		              <div class="order_infor_value_left2">下单时间</div>
		              <div class="order_infor_value_right2">{{ordervalue.date}}</div>
		            </div>
		            <div v-if="ordervalue.pay_time!=null" class="order_infor_value2">
		              <div class="order_infor_value_left2">支付时间</div>
		              <div class="order_infor_value_right2">{{ordervalue.pay_time}}</div>
		            </div>
		            <div v-if="ordervalue.get_time!=null" class="order_infor_value2"> 
		              <div class="order_infor_value_left2">成交时间</div>
		              <div class="order_infor_value_right2">{{ordervalue.get_time}}</div>
		            </div>
		        </div>
		        <!-- 底部栏 -->
		        <div  style="width: 100%;height: 60px;"></div>
		        <div  class="order_footer">
		        	   <!-- <span @click="del_order(ordervalue.no)" v-if="ordervalue.order_state==11" class="order_footer_wei">删除订单</span> -->
		        	   <span @click="shou_order(ordervalue.no)" v-if="ordervalue.order_state==3" class="order_footer_wei">确认收货</span>  
		               <span @click="del_order(ordervalue.no)" v-if="ordervalue.order_state>4" class="order_footer_wei">删除订单</span>
		               <span @click="qx_order(ordervalue.no)" v-else-if="ordervalue.order_state==1" class="order_footer_wei">取消订单</span>
		               <span v-else-if="ordervalue.order_state==2" class="order_footer_wei">提醒商家发货</span>
		                <span v-else-if="ordervalue.order_state==3" class="order_footer_nei">查看物流</span>
		               <span @click="pin_order(ordervalue.no)"  v-else-if="ordervalue.order_state==4" class="order_footer_nei">评价商品</span>
		               <span @click="pay(ordervalue.no)" v-if="ordervalue.order_state==1" class="order_footer_nei">立即支付</span>   
		
		
		        </div>
				<!-- 支付控件 --> 
				<zf :start="start" :bot="bot" :zfdata="zfdata" @zfchange="cha_order" @closechange="closechange"></zf>
	</view>
</template>

<script>
	var _self;
	var user;
	var user_key;
	var yhpz;
	export default {
		data() {
			return {
				loadingshow:true,
				//支付参数
				start: false,
				bot: 700,
				zfdata:{
					name: '购物订单',
					money: 22.0 //parseFloat(_self.money).toFixed(2)
				},
				//支付参数
				showColor:false,
				name:'上滑',//触摸状态
				icon:'',//图标
				icons:'',
				type:'确认',
				ordervalue:'',
				app_z:false,
				order:'',
				cnds:'',
				money:{
					shop_money:0,
					score_f:0,
					score_money:0,
					money:0,
					coupon_money:0,
					real_money:0,
					ems_fee:0,
				}
			}
		},
		onReady(){
			_self=this;
			this.icon=uni.getStorageSync('icon');
			this.icons=uni.getStorageSync('icons');
			this.cnds=uni.getStorageSync('CND_key');
			
		},
		onLoad(options) {
			user=uni.getStorageSync('user');
			user_key=uni.getStorageSync('user_key');
			yhpz=uni.getStorageSync('yhpz');
			 this.data_order(options.no);
		},
		methods: {
			closechange: function(e) {
				this.start = e.start;
				this.bot = e.bot;
				
			},
			cha_order: function(no) {
				uni.request({
					url: uni.getStorageSync('APP_key') + '/payment/wxpayv3/payment_cha.php',
					method: 'POST',
					data: {
						no: no,
						user: user,
						user_key: user_key,
						yhpz: yhpz,
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded'
					},
			
					success: r => {
						if (r.data.id == 1 ) {
							setTimeout(()=>{
								this.cha_order(no);
							}, 1000);
						} else if (r.data.id == 2) {
							this.start = false;
							this.bot = 700;
							uni.showToast({
								title: '支付成功!',
								duration: 1500
							});
							setTimeout(()=>{
								this.data_order();
							})
							
						}
					}
				});
			},
			pay:function(no){
				var arrs=[];
				arrs.push(no);
				this.start = true;
				this.bot = 0;
				this.zfdata.money=this.money.real_money;
				this.zfdata.noarr=arrs;
				this.zfdata.user=user;
				this.zfdata.user_key=user_key;
				this.zfdata.yhpz=yhpz;
			},
			pin_order:function(no){//商品评价
			uni.navigateTo({
				url:'../evaluate/evaluate?no='+no
			})
			} ,
			shou_order:function(no){//确认收货
				uni.showModal({
				    title: '订单提示',
				    content: '您确定要确认收货吗？',
				    success:  (res)=> {
				        if (res.confirm) {
							uni.request({
										 		url: uni.getStorageSync('APP_key') + '/order_date.php',
										 		method: 'POST',
										 		data: {
										 			user:user,
										 			user_key:user_key, 
										 			yhpz:yhpz,
										 			no:no,
										 			type:'shou',
							 		},
							 		header: {
							 			'content-type': 'application/x-www-form-urlencoded'
							 		},
							 		dataType: 'json',
							 	success:(res)=> {
									if(res.data.id==2){
										this.ordervalue.order_state=4;
										this.data_order();
										uni.showToast({
										    title: '收货成功',
										    duration: 2000,
										});
									}else{
										uni.showToast({
										    title: '收货失败',
										    duration: 2000,
											icon:'none',
										});
									}
									
								
								
								                }
								                });
				        } else if (res.cancel) {
				            console.log('用户点击取消');
				        }
				    }
				});
			},
			del_order:function(no){//删除订单
			uni.showModal({
			    title: '订单提示',
			    content: '您确定要删除订单吗？',
			    success:  (res)=> {
			        if (res.confirm) {
						uni.request({
									 		url: uni.getStorageSync('APP_key') + '/order_date.php',
									 		method: 'POST',
									 		data: {
									 			user:user,
									 			user_key:user_key, 
									 			yhpz:yhpz,
									 			no:no,
									 			type:'del',
						 		},
						 		header: {
						 			'content-type': 'application/x-www-form-urlencoded'
						 		},
						 		dataType: 'json',
						 	success:(res)=> {
								if(res.data.id==2){
									uni.showToast({
									    title: '删除成功',
									    duration: 2000,
									});
									setTimeout(()=>{
										uni.navigateBack({
										    delta: 1
										});

									},2500)
								}else{
									uni.showToast({
									    title: '删除失败',
									    duration: 2000,
										icon:'none',
									});
								}
								
							
							
							                }
							                });
			        } else if (res.cancel) {
			            console.log('用户点击取消');
			        }
			    }
			});
					
			 
				},
			qx_order:function(no){//取消订单
			uni.showModal({
			    title: '订单提示',
			    content: '您确定要取消该订单！',
			    success:  (res)=> {
			        if (res.confirm) {
						uni.request({
									 		url: uni.getStorageSync('APP_key') + '/order_date.php',
									 		method: 'POST',
									 		data: {
									 			user:user,
									 			user_key:user_key, 
									 			yhpz:yhpz,
									 			no:no,
									 			type:'qu',
						 		},
						 		header: {
						 			'content-type': 'application/x-www-form-urlencoded'
						 		},
						 		dataType: 'json',
						 	success:(res)=> {
								if(res.data.id==2){
							        this.ordervalue.order_state=11;
									uni.showToast({
									    title: '取消成功',
									    duration: 2000,
									});
								}
								
							
							
							                }
							                });
			        } else if (res.cancel) {
			            console.log('用户点击取消');
			        }
			    }
			});
			
			},
			pro:function(pid){
				console.log(pid);
				uni.navigateTo({
				url:'../../pagesA/product/product?id='+pid
			});
			},
			a_fun:function(val){
			uni.navigateTo({
				url:val
			})
			} ,
			data_order:function(no){
				uni.request({
							 		url: uni.getStorageSync('APP_key') + '/order_value_data.php',
							 		method: 'POST',
							 		data: {
							 			user:user,
							 			user_key:user_key, 
							 			yhpz:yhpz,
							 			no:no, 
				 		},
				 		header: {
				 			'content-type': 'application/x-www-form-urlencoded'
				 		},
				 		dataType: 'json',
				 	success:(res)=> {
				this.ordervalue=res.data[0];
				if(this.ordervalue.time>0){
				this.ordervalue.hour=parseInt(((this.ordervalue.time/1000))/(60*60));
				this.ordervalue.minute=parseInt((((this.ordervalue.time/1000))%(60*60))/60);
				this.ordervalue.second=parseInt((((this.ordervalue.time/1000))%(60*60))%60);
				}
			
				this.order=res.data;
				for(let i=0;i<res.data.length;i++){
			       this.money.shop_money=((parseInt(this.money.shop_money*100)+parseInt(res.data[i].p_price*100)*parseInt(res.data[i].count))/100);
			        this.money.score_f=this.money.score_f+res.data[i].score*res.data[i].scoref;
			        this.money.score_money=((parseInt(this.money.score_money*100)+parseInt(res.data[i].score*100))/100);
			        this.money.money=((parseInt(this.money.money*100)+parseInt(res.data[i].cash*100))/100);
			        this.money.coupon_money=((parseInt(this.money.coupon_money*100)+parseInt(res.data[i].coupon_money*100)+parseInt(res.data[i].ucoupon_money*100))/100);
					this.money.ems_fee=((parseInt(this.money.ems_fee*100)+parseInt(res.data[i].ems_fee*100))/100);
				}
				 this.money.real_money=(((parseInt(this.money.shop_money*100)+parseInt(this.money.ems_fee*100))-(parseInt(this.money.score_money*100)+parseInt(this.money.money*100)+parseInt(this.money.coupon_money*100)))/100);
				
			
			setTimeout(()=>{
				this.loadingshow=false;
			},500);
			                }
			                   
			                });
				},
		}
	}
</script>

<style lang="scss">
.order_top{
  width:100%;
  height: 240upx;  
  background:-webkit-linear-gradient(90deg, rgba($color: $color-all, $alpha: 0.7),rgba($color: $color-all, $alpha: 1.0)); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(90deg, rgba($color: $color-all, $alpha: 0.7),rgba($color: $color-all, $alpha: 1.0)); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(90deg, rgba($color: $color-all, $alpha: 0.7),rgba($color: $color-all, $alpha: 1.0)); /* Firefox 3.6 - 15 */
    background:linear-gradient(90deg, rgba($color: $color-all, $alpha: 0.7),rgba($color: $color-all, $alpha: 1.0)); 

}
.order_top_left{
  width:65%;height: 100upx;float: left;padding: 70upx 0px 70upx 5%;
}
.order_top_left_top{
width:100%;height: 60upx;line-height: 60upx;font-size:$color-size-5;color:$color-white-0;
}
.order_top_left_bottom ,.van-count-down{ 
width:100%;height: 40upx;line-height: 40upx;font-size:$color-size-3;color:$color-white-0; 
.uni-countdown__number{
	width: 100% !important;
}
}

.order_top_right{
  width:30%;height: 240upx;float: right;
}
.order_top_right_ra3{
  border: 4upx $color-all dotted;
  width:160upx;height:160upx;border-radius:160upx;background:#fff;float:right;margin-top:19px;text-align: center;line-height: 160upx;font-family: iconfont;font-size: $color-size-5;margin-right:40upx;
}
.order_top_right_ra4{ 
  border: 4upx $color-all dotted;
  width:60upx;height:60upx;border-radius:160upx;background:#fff;float:right;margin-top:-31px;text-align: center;line-height: 160upx;font-family: iconfont;font-size: $color-size-5;margin-right:190upx;
}
.order_top_right_ra{
  border: 4upx $color-all dotted;
  width:160upx;height:160upx;border-radius:160upx;background:#fff;float:right;margin-top:19px;text-align: center;line-height: 160upx;font-family: iconfont;font-size: $color-sizeicon-15;margin-right:40upx;
   -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 20s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 20s;
    -webkit-animation: rotate 20s linear infinite;
    -moz-animation: rotate 20s linear infinite;
    -o-animation: rotate 20s linear infinite;
    animation: rotate 20s linear infinite;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.order_top_right_ra2{ 
  border: 4upx $color-all dotted;
  width:60upx;height:60upx;border-radius:160upx;background:#fff;float:right;margin-top:-62upx;text-align: center;line-height: 160upx;font-family: iconfont;font-size: $color-sizeicon-10;margin-right:190upx;
   -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 4s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 4s;
    -webkit-animation: rotatexiao 4s linear infinite;
    -moz-animation: rotatexiao 4s linear infinite;
    -o-animation: rotatexiao 4s linear infinite;
    animation: rotatexiao 4s linear infinite;
}
@-webkit-keyframes rotatexiao{from{-webkit-transform: rotate(360deg)}
    to{-webkit-transform: rotate(0deg)}
}
@-moz-keyframes rotatexiao{from{-moz-transform: rotate(359deg)}
    to{-moz-transform: rotate(0deg)}
}
@-o-keyframes rotatexiao{from{-o-transform: rotate(359deg)}
    to{-o-transform: rotate(0deg)}
}
@keyframes rotatexiao{from{transform: rotate(359deg)}
    to{transform: rotate(0deg)}
}
.ems_nav{;
  width:94%;height: 80upx;padding:0px 3%;background:$bgcolor-white-0;border-bottom:1upx solid $color-black-8;
}
.ems_nav_left{
  width:60upx;height: 80upx;float:left;font-family: iconfont;color:$color-black-2;line-height: 80upx;text-align: left;
}
.ems_nav_moddie{
  width:50%;height: 80upx;float:left;text-align:left;line-height: 80upx;font-size:$color-size-5;color:$color-black-1;
}
.ems_nav_right{
  width:10%;height: 80upx;float:right;font-family: iconfont;color:$color-black-5;line-height: 80upx;text-align: right;
}
.address_nav{
width:94%;height: 200upx;padding:0px 3% 30upx 3%;background:$color-white-0;
}
.address_nav_left{
width:60upx;height:200upx;float: left;line-height: 200upx;font-family: iconfont;color:$color-black-2;text-align:left;
}
.address_nav_right{
width:80%;height:80px;padding:20upx 0px;float: left;line-height: 200upx;text-align:center;
}
.address_nav_right_top{
width:100%;height: 60upx;line-height: 60upx;text-align: left;font-size:$color-size-4;color:$color-black-1;
}
.address_nav_right_span{
color:$color-black-3;
}
.address_nav_right_bottom{
  width:100%;line-height: 40upx;text-align: left;font-size:$color-size-5;color:$color-black-1;
}
.order_value{
  background:$bgcolor-white-0;width:100%;margin-top: 20upx;
}
.order_value_shop{
  width:94%;height: 160upx;padding:20upx 3% 0upx 3%;
  position:relative;
 
  .sheng_money{
	position: absolute;
	bottom: 0rpx;
	right:0rpx;
  	width:200upx;height: 60upx;line-height: 60upx;text-align: right;
  	.sheng_money_span{
  		margin-right:40upx;background:$bgcolor-red-0;padding:5upx 20upx;border-radius: 200upx;font-size: $color-size-1;color:$color-white-0;
  	}
  }
  .order_value_shop_left{
    width:160upx;height: 160upx;float:left; 
    .order_value_shop_left img{
      width:160upx;height: 160upx;
    }
  }
  
  .order_value_shop_moddie{
    width:50%;height: 160upx;float:left;padding:0upx 20upx;
    .order_value_shop_moddie_top{
      width:100%;line-height:40upx;text-align: left;color:$color-black-1;font-size:$color-size-5;
    }.order_value_shop_moddie_bottom{
      width:100%;line-height:40upx;text-align: left;color:$color-black-3;font-size:$color-size-3;
    }
  }
  
  .order_value_shop_right{
    width:20%;height: 160upx;float:right;line-height: 20upx;font-size:$color-size-5;text-align: right;
    .order_value_shop_right_money{
      width:100%;height: 40upx;float:right;line-height: 40upx;font-size:$color-size-5;text-align: right;color:$color-red-3;
    }
    .order_value_shop_right_count{
      width:100%;height: 40upx;float:right;line-height: 40upx;font-size:$color-size-5;text-align: right;
    }
  }
}


.order_money{
	width: 100%;margin-top:20upx;
}
.order_money_money{
	width: 94%;height:40upx;padding:0upx 3%;
}
.order_money_money_left{
	width: 50%;height:40upx;float:left;line-height: 40upx;text-align: left;color:$color-black-2;font-size:$color-size-4;
}
.order_money_money_right{
	width: 50%;height:40upx;float:right;line-height: 40upx;text-align: right;color:$color-red-3;font-size:$color-size-4;
} 
.order_money_money2{
	width: 94%;height:80upx;padding:0upx 3%;margin-top:24upx;background:rgba($color-all, 0.1);position: relative;
}
.order_money_money_san{
	position: absolute;
    top: -32upx;
    right: 40upx;
    border: 16upx solid;
    border-color: $color-white-0 $color-white-0 rgba($color-all, 0.1);
}
.order_money_money_left2{
	width: 50%;height:80upx;float:left;line-height: 80upx;text-align: left;color:$color-black-0;font-size:$color-size-5;
}
.order_money_money_right2{
	width: 50%;height:80upx;float:right;line-height: 80upx;text-align: right;color:$color-red-0;font-size:$color-size-8;
} 
.order_footer{
	width: 100%;height: 100upx;border-top: 1upx solid $color-black-8;background:$bgcolor-white-0;position: fixed;bottom:0upx;left:0upx;text-align: right;line-height: 100upx;
}
.order_footer_nei{
	    padding: 20upx 30upx;
    background:$color-all;
    font-size: 30upx;
    color: white;
    margin-right: 40upx;
    border-radius: 100upx;
}
.order_footer_wei{
	    padding: 20upx 30upx;
    background:$bgcolor-orange-0;
    font-size: 30upx;
    color: white;
    margin-right: 40upx;
    border-radius: 100upx;
}
.order_infor{
	background:$bgcolor-white-0;width: 100%;padding-bottom:30upx;margin-top:20upx;overflow: auto;
}
.order_infor_value{
	width: 94%;padding:0upx 3%;height: 80upx;
}
.order_infor_value_left_tiao{
	width:4upx;height: 30upx;background:$color-all;position: absolute;left:0px;top:25upx;
}
.order_infor_value_left{
	width: 30%;padding-left:3%;height: 80upx;float: left;line-height:80upx;color:$color-black-1;font-size:$color-size-4;position: relative;
}
.order_infor_value_right{
	width: 60%;height: 80upx;float:left;line-height:80upx;color:$color-black-2;font-size:$color-size-4;
}
.order_infor_value2{
	width: 94%;padding:0px 3%;height: 60upx;
}
.order_infor_value_left2{
	width: 20%;padding-left:3%;height: 60upx;float: left;line-height:60upx;color:$color-black-2;font-size:$color-size-3;
}
.order_infor_value_right2{
	width: 60%;height: 60upx;float:left;line-height:60upx;color:$color-black-2;font-size:$color-size-3;
}
.order_infor_value_ma{
	width: 94%;padding:0upx 3%;
}
.order_infor_value_left_ma{
	width: 20%;padding-left:3%;float: left;line-height:40upx;color:$color-black-2;font-size:$color-size-3;
	}
.order_infor_value_right_ma{
	width: 60%;float:left;line-height:40upx;color:$color-black-2;font-size:$color-size-3;
}


view, text {
	     box-sizing: content-box;
	}
</style>
